Motion >> Repos - motion-next.git/blob

   1 <md-dialog class="project-dialog" aria-label="New dialog">
   2   <form name="openForm" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title"
  10           ><span translate="CALLYSQUARE.OPEN_PROJECT"></span
  11         ></span>
  12         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  13           <md-icon
  14             md-font-icon="icon-close"
  15             aria-label="Close dialog"
  16           ></md-icon>
  17         </md-button>
  18       </div>
  19     </md-toolbar>
  20     <md-dialog-content ms-scroll>
  21       <div class="error-list">
  22         <div
  23           ng-repeat="error in vm.errors"
  24           class="error"
  25           layout="row"
  26           layout-align="space-between center"
  27         >
  28           <div>
  29             <span class="message">{{error.message}}</span>
  30             <span class="type">({{error.type}})</span>
  31           </div>
  32           <md-button class="md-icon-button">
  33             <md-icon
  34               md-font-icon="icon-alert-box"
  35               aria-label="alert error"
  36               class="s16"
  37             ></md-icon>
  38           </md-button>
  39         </div>
  40       </div>
  41       <md-input-container class="md-block">
  42         <label translate="CALLYSQUARE.PROJECT">Project</label>
  43         <md-select name="id" ng-model="vm.id" required>
  44           <md-option value="{{p.id}}" ng-repeat="p in vm.projects"
  45             >{{p.name}}</md-option
  46           >
  47         </md-select>
  48         <div
  49           ng-messages="openForm.id.$error"
  50           ng-show="openForm.id.$touched"
  51           role="alert"
  52         >
  53           <div ng-message="required">
  54             <span translate="CALLYSQUARE.ERRORS.PROJECT_REQUIRED"
  55               >Name field is required</span
  56             >
  57           </div>
  58         </div>
  59       </md-input-container>
  60       <md-input-container class="md-block">
  61         <md-switch
  62           ng-model="vm.newWindow"
  63           aria-label="{{'CALLYSQUARE.OPEN_NEW_WINDOW' | translate }}"
  64           ><span translate="CALLYSQUARE.OPEN_NEW_WINDOW"></span
  65         ></md-switch>
  66       </md-input-container>
  67       <div class="error-list">
  68         <div
  69           ng-repeat="error in vm.errors"
  70           class="error"
  71           layout="row"
  72           layout-align="space-between center"
  73         >
  74           <div>
  75             <span class="message">{{error.message}}</span>
  76             <span class="type">({{error.type}})</span>
  77           </div>
  78           <md-button class="md-icon-button">
  79             <md-icon
  80               md-font-icon="icon-alert-box"
  81               aria-label="alert error"
  82               class="s16"
  83             ></md-icon>
  84           </md-button>
  85         </div>
  86       </div>
  87     </md-dialog-content>
  88
  89     <md-dialog-actions layout="row" layout-align="space-between center">
  90       <div layout="row" layout-align="start center">
  91         <md-button
  92           type="submit"
  93           ng-click="vm.closeDialog(true)"
  94           class="send-button md-accent md-raised"
  95           ng-disabled="openForm.$invalid"
  96           aria-label="SAVE"
  97           translate="CALLYSQUARE.OPEN_PROJECT"
  98           translate-attr-aria-label="CALLYSQUARE.OPEN"
  99         >
 100           OPEN
 101         </md-button>
 102       </div>
 103     </md-dialog-actions>
 104   </form>
 105 </md-dialog>